@def TOP_PANEL_HEIGHT 44px;
@def TOP_PANEL_BUTTON_WIDTH value('topPanelSelectedButton.getWidth', 'px');
@def LOBBY_BUTTONS_HEIGHT 55px;
@def LOBBY_BUTTONS_WIDTH 160px;
@def PHOTO_WIDTH 205px;
@def PHOTO_HEIGHT 240px;

body {
	font-family: Arial;
	font-size: 14px;
}

button {
	margin: 2px;
  	text-decoration: none;
  	font-size: 0.8em;
  	cursor: pointer;
  	cursor: hand;
}

.connectionController {
	position: fixed;
	top:0px;
	height: 25px;
	text-align: center;
	width: 100%;
	z-index: 10000000;	
}

.connectionController div {
	display: inline;
	background: #ccc;
	padding: 4px 9px;
	border: 1px solid #777;
}
.connectionController a {
	margin: 0 0 0 5px;
}

.absoluteMaximized {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	position: absolute;
}

.dataForm td {
	vertical-align: top;
	border-bottom: 1px dashed #aaa;
}

.dataForm div[row="name"] {
	font-size: 1.2em;
	
}

.dataForm div[row="desc"] {
	color: #aaa;
	font-size: 1em;
	max-width: 170px;
}

.dataForm input {
	border: 1px solid #aaa;
	outline: 0;
	color: #666;
	width: 100%;
}

.dataForm textarea {
	width: 100%;
	height: 100px;
	border: 1px solid #aaa;
	font-size: 1.3em;
	outline: 0;
	color: #666;
}
.dataForm select {
	font-size: 1.2em;
}

.h2 {
	font-size: 2em;
	font-weight: bold;
	color: #555;
}

.normalText {
	color: #222;
	font-size: 1.1em;
	margin: 5px 0px 5px 0px;
}

.roundedInputBox {
	background: #fff;
	top: 15px;
	position: relative;
	border: 1px solid #aaa;
	padding: 0px 6px 0px 6px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url(static/border-radius.htc);
}

.roundedInputBox span,input {
	font-size: 1.3em;
}

.roundedInputBox input {
	outline-color: black;
	outline-style: none;
	outline-width: 0px;
	border: none;
	font-size: 1.3em;
	width: 100%;
}

.logo {
	position: absolute;
	top: 5px;
	left: 10px;
	z-index: 10001;
}

.bodyPanel {
	position: absolute;
	padding: 10px 0px;
	top: 35px;
	left: 0;
	right: 0;
	bottom: 0;
}

/**
* Top panel
*/
@sprite .topPanel {
	gwt-image: 'topPanelBackground';
	position: absolute;
	background-position: 0 -80px;
	top: 0;
	left: 0;
	right: 0;
	height: TOP_PANEL_HEIGHT;
	z-index: 10000;
}

@sprite .topPanelButtons {
	gwt-image: 'topPanelBackground';
	height: TOP_PANEL_HEIGHT;
	position: absolute;
	background-position: 0 -36px;
	top: 0;
	left: 160px;
	width: 429px;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

@sprite .topPanelSeparator {
	gwt-image: 'topPanelBackground';
	float: left;
	height: 36px;
	width: 1px;
}

.topPanelButton {
	cursor: pointer;
	float: left;
	height: 100%;
	line-height: 1.7em;
	text-align: center;
	vertical-align: middle;
	width: TOP_PANEL_BUTTON_WIDTH;
	color: white;
	font-size: 18px;
	font-weight: normal;
}

@sprite .topPanelButton:hover {
	gwt-image: 'topPanelBackground';
	height: TOP_PANEL_HEIGHT;
	background-position: 0 -124px;
}

@sprite .topPanelActiveButton {
	gwt-image: 'topPanelSelectedButton';
}

@sprite .topPanelActiveButton:hover {
	gwt-image: 'topPanelSelectedButton';
}

/**
* Lobby
*/
.lobby {
	position: absolute;
	top: 0px;
	left: 0;
	right: 0;
	bottom: 0;
	overflow-x: hidden;
	overflow-y: visible;
}

.lobbyButtons {
	position: absolute;
	width: 1030px;
	height: LOBBY_BUTTONS_HEIGHT;
	list-style-type: none;
	margin: 5px 20px 5px 20px;
	padding: 0;
	top: 10px;
}

.lobbyButton {
	cursor: pointer;
	float: left;
	height: LOBBY_BUTTONS_HEIGHT;
	line-height: 2.2em;
	text-align: center;
	vertical-align: middle;
	width: LOBBY_BUTTONS_WIDTH;
	color: white;
	font-size: 23px;
	font-weight: normal;
	margin: 2px 46px 2px 0px;
}

.lobbyButtonBackground {
	background: #ccc;
	cursor: pointer;
	float: left;
	height: LOBBY_BUTTONS_HEIGHT;
	width: LOBBY_BUTTONS_WIDTH;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url(static/border-radius.htc);
}

.lobbyButtonsSeparator {
	float: left;
	width: 30px;
	height: 1px;
	background: #ddd;
	margin: 27px 8px 0px 8px;
}

.lobbySelectedButton {
	position: absolute;
	height: LOBBY_BUTTONS_HEIGHT;
	width: LOBBY_BUTTONS_WIDTH;
	background: #ff9933;
	top: 15px;
	left: 20px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url(static/border-radius.htc);
}

.lobbySelectedButtonTriangle {
	position: absolute;
	bottom: -8px;
	font-size: 0;
	line-height: 0;
	width: 0;
	border-top: 8px solid #F93;
	border-left: 10px solid white;
	border-right: 10px solid white;
	left: 70px;
}

.lobbySteps {
	position: absolute;
	list-style-type: none;
	margin: 35px 0px 5px 0px;
	padding: 0;
	top: LOBBY_BUTTONS_HEIGHT;
	bottom: 0;
}

.lobbyStep {
	position: relative;
	float: left;
	height: 100%;
}

.lobbyStepContainer {
	margin: 0px 22px 0px 22px;
	height: 100%;
}

.lobbyNextStepButton {
	cursor: pointer;
	background: #390;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	color: white;
	behavior: url(static/border-radius.htc);
	border: none;
	padding: 6px 13px;
	font-size: 18px;
	white-space: nowrap;
}
.lobbyNextStepButton:hover {
	border: 4px solid #44CC00;
	padding: 2px 9px;
}
.lobbyNextStepButton:active {
	border: 4px solid #2C8500;
	padding: 2px 9px;
}

.lobbyCloseButton {
	white-space: nowrap;
	cursor: pointer;
	border: none;
	background: #aaa;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	color: black;
	behavior: url(static/border-radius.htc);
	padding: 6px 13px;
	font-size: 18px;
}
.lobbyCloseButton:hover {
	border: 4px solid #ccc;
	padding: 2px 9px;
}
.lobbyCloseButton:active {
	border: 4px solid #888;
	padding: 2px 9px;
}

.lobbyProfilePhotoContainer {
	position: absolute;
	border: 3px dashed #ccc;
	width: PHOTO_WIDTH;
	height: PHOTO_HEIGHT;
}

.lobbyProfileCategoriesContainer {
	position: absolute;
	height: 100px;
	list-style-type: none;
	margin: 0;
	padding: 25px 0px;
}

.lobbyProfileCategory {
	cursor: pointer;
	position: relative;
	color: black;
	height: 26px;
	width: 97%;
	line-height: 1.8em;
	padding-left: 12px;
	font-weight: bold;
}

.lobbyProfileCategory:hover {
	background: #ddd;
}

.lobbyProfileCategorySelected {
	background: black;
	color: white;
}

.lobbyProfileCategorySelected:hover {
	background: black;
}

.lobbyProfileRightArrow {
	position: absolute;
	right: -13px;
	width: 0;
	border-top: 13px solid white;
	border-left: 13px solid black;
	border-bottom: 13px solid white;
	top: 0px;
}

.lobbyProfileTextContainer {
	position: relative;
	left: PHOTO_WIDTH;
	padding: 0px 50px;
}

.lobbyProfileFieldsContainer {
	position: relative;
	left: PHOTO_WIDTH;
	padding: 0px 50px;
	margin: 20px 0px;
	height: auto;
}

.lobbyProfileField {
	position: relative;
	height: 35px;
	padding: 2px;
}

.lobbyProfileFieldName {
	position: absolute;
	width: 200px;
	line-height: 1.5em;
	font-size: 1.8em;
}

.lobbyProfileField select {
	position: absolute;
	width: 6em;
	left: 200px;
	font-size: 1.5em;
	color: #777;
	padding: 2px;
	margin: 1px;
}

.lobbyProfileField input {
	outline-color: black;
	outline-style: none;
	outline-width: 0px;
	border: 1px solid #bbb;
	font-size: 1.3em;
	position: absolute;
	width: 400px;
	left: 200px;
	padding: 4px;
	margin: 1px;
	color: #777;
}

.lobbyProfileConnectionManager {
	position: relative;
	left: 200px;
}

.lobbyProfileConnectTypeSelector {
	width: 150px;
}

.lobbyProfileConnectTypeSelector ul {
	list-style-type: none;
	line-height: 1em;
	font-size: 15px;
	padding: 0;
	margin: 0;
	background: white;
}

.lobbyProfileAddConnectionButton {
	border: 1px solid #ddd;
	width: 150px;
	cursor: pointer;
}

.lobbyProfileConnectionManager li {
	cursor: pointer;
	padding: 4px;
	color: blue;
}

.lobbyProfileConnectionManager li:hover {
	background: #eee;
}

.lobbyProfileConnectForm {
	height: 30px;
	font-size: 1.2em;
}

.lobbyProfileConnectForm span {
	font-weight: bold;
}

.lobbyProfileConnectForm input {
	height: 24px;
	position: static;
	vertical-align: middle;
	font-size: 1em;
}

.lobbyPeopleLeft {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 50%;
	bottom: 0px; 
}
.lobbyPeopleRight {
	position: absolute;
	top: 0px;
	left: 50%;
	right: 0px;
	bottom: 0px;
}
.lobbyFoundedPeopleContainer {
	position: absolute;
	top: 60px;
	left: 19px;
	right: 0px;
	bottom: 0px;
	overflow-x: hidden;
	overflow-y: auto;
}
.lobbyPeopleFoundedUser {
	float: left;
	width: 32%;
	height: 75px;
	border: 1px solid #000;
	margin-left: 1px;
	margin-top: 1px;
}
.lobbyPeopleAvatar {
	position: absolute;
	height: 50px;
	width: 50px;
	border-right: 1px dashed #000;
	border-bottom: 1px dashed #000;
}

.lobbyGroupColumns {
	list-style-type: none;
	position: relative;
	width: 100%;
	padding: 0;
	margin: 0;
	background: white;
}

.lobbyGroupColumn {
	position: relative;
	float: left;
	width: 50%;
	height: 100%;
}

.lobbyGroupInTextContainer {
	margin: 0 25px 0 0;
}

.lobbyGroupSeparator {
	position: absolute;
	left: 50%;
	height: 100%;
	top: 0;
	bottom: 0;
	border-left: 2px dashed #aaa;
}

.lobbyGroupsResult {
	position: absolute;
	overflow-y: auto;
	top: 60px;
	right: 30px;
	bottom: 0px;
	left: 5px;
}

.lobbyGroupItem {
	cursor: pointer;
	min-height: 50px;
	width: 100%;
	border-bottom: 1px solid #bbb;
}

.lobbyGroupItem:hover {
	background: #eee;
}

.lobbyGroupName {
	color: blue;
	font-size: 1.3em;
}

.lobbyGroupAlias {
	color: #bbb;
}

.lobbyGroupInfo {
	position: relative;
	width: 100%;
	height: auto;
	left: -15px;
	border-left: 2px dashed #aaa;
}

.lobbyGroupInfoItem {
	position: absolute;
	top: 10px;
	bottom: 10px;
	z-index: 100;
	background: white;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	overflow-y: auto;
	overflow-x: hidden;
}

.lobbyGroupInfoTitle {
	height: 40px;
	position: absolute;
	font-size: 20px;
	top: 0px;
	left: 0px;
	right: 0px;
	line-height: 2em;
	background: #F93;
	padding: 0 0 0 40px;
	color: #FFF;
}

.lobbyGroupInfoProfile {
	font-size: 15px;
	color: #222;
	margin: 26px 40px 50px 40px;
	position: relative;
	top: 24px;
}

.lobbyGroupInfoDescriptin {
	font-style: italic;
}

.lobbyGroupQuestArea {
	position: relative;
	margin: 0px 40px 0 40px;
	padding: 5px;
	border: 1px dashed green;
	background: #eee;
	font-weight: bold;
	font-size: 1.2em;
}

.lobbyGroupQuestArea input {
	width: 100%;
	color: #666;
	font-size: 1.1em;
}

.lobbyGroupEnterButton {
	width: 100%;
	height: 40px;
	margin: 5px 0 0 0;
}

.lobbyGroupField {
	position: relative;
	width: 100%;
	min-height: 35px;
}

.lobbyGroupField input {
	position: absolute;
	outline-color: black;
	outline-style: none;
	outline-width: 0px;
	border: 1px solid #bbb;
	font-size: 1.3em;
	padding: 4px;
	margin: 1px;
	color: #777;
	left: 50%;
	width: 50%;
	top: 0px;
}

.lobbyGroupField input[type=checkbox] {
	margin: -7px 0 0 0;
	top: 50%;
}

.lobbyGroupField select {
	position: absolute;
	width: 50%;
	left: 50%;
	font-size: 1.3em;
	color: #777;
	padding: 2px;
	top: 0;
}

.lobbyGroupFieldName {
	width: 50%;
	font-size: 1.2em;
	font-weight: bold;
	padding: 8px 0 0 5px;
}

.lobbyGroupCreationArea {
	line-height: 2.5em;
	font-size: 1.5em;
	padding: 0 0 0 18px;
	height: 50px;
	color: #fff;
	background: #bbb;
}

.lobbyGroupCreationAreaActive {
	background: #888;
}

.lobbyGroupCreationAreaArrow {
	position: absolute;
	right: -13px;
	width: 0;
	border-top: 25px solid white;
	border-left: 13px solid #888;
	border-bottom: 25px solid white;
	top: 0px;
}

.lobbyGroupCreationAddRole {
	float: right;
	margin: 15px;
}

.lobbyGroupCreationRoleItem {
	padding: 5px;
	cursor: pointer;
	font-size: 1.2em;
	border-bottom: 1px dashed #bbb;
}

.lobbyGroupCreationRoleItem:hover {
	background: #eee;
}

.lobbyGroupCreationRoleItem a {
	float: right;
}

.lobbyGroupCreatorPermLabel {
	height: 40px;
	background: #F93;
	color: white;
	font-size: 1.5em;
	line-height: 2em;
	padding: 0 0 0 15px;
	margin: 10px 0 10px 0;
}

.lobbyGroupInColumn {
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 0 30px 0 10px;
}

.lobbyGroupCreateButton {
	position: relative;
	margin: auto;
	top: 40px;
}

@def REPO_EXPLORER_WIDTH 270px;
@def REPO_ITEM_SIZE 84px;
.repoExplorerContainer {
	position: absolute;
	overflow-x:hidden;
	overflow-y:auto;
	top: 0px;
	bottom: 0px;
	left: 0px;
	width: REPO_EXPLORER_WIDTH;
	border-right: 4px solid #eee;
}

.repoExplorerContainer ul {
	width: 100%;
	height: auto;
}

.repoGroupItem {
	word-wrap: break-word;
	height: auto;
	font-size: 1.1em;
	border-bottom: 1px dashed #aaa;
}

.repoShowerContainer {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 275px;
	right: 0px;
	padding: 7px;
	overflow-x: hidden;
	overflow-y: auto;
}

.repoNodeSelector {
	font-size: 1.3em;
	padding: 5px;
}
.repoNodeSelector div {
	cursor: pointer;
	display: inline-block;
	color: #4169E1;
	padding: 2px 5px;
	margin: 0 2px 0 2px;
}
.repoNodeSelector span {
	color: #888;
}
.repoNodeSelector div:hover {
	background: #aaa;
	color: white;
}

.repoContainer {
	
}

.repoButtonsContainer {
	padding: 7px 20px;
	position: relative;
	height: 25px;
	background: #EEE;
	font-size: 1.2em;
	margin: -5px -5px 0 -7px;
	font-weight: bold;
	color: #AAA;
	white-space: nowrap;
}

.repoButtonsContainer button[document] {
	cursor: pointer;
	background: #F93;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: white;
	behavior: url(static/border-radius.htc);
	border: none;
	padding: 2px 13px;
	font-size: 1.1em;
	border-right: 1px solid #fff;
	margin: 0 0 0 0px;
	opacity: 0.5;
}

.repoButtonsContainer button[document]:hover {
	opacity: 1;
}
.repoButtonsContainer button[document]:active {
	opacity: 1;
	background: #E67300;
}

.repoButtonsContainer button[node] {
	cursor: pointer;
	background: #390;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: white;
	behavior: url(static/border-radius.htc);
	border: none;
	padding: 2px 13px;
	font-size: 1.1em;
	margin: 0 0 0 10px;
	opacity: 0.5;
}

.repoButtonsContainer button[node]:hover {
	opacity: 1;
}
.repoButtonsContainer button[node]:active {
	opacity: 1;
	background: #2C8500;
}

.repoCreateCatalogButton {
	float: right;
}

.repoForShowersContainer {
	position: absolute;
	top: 45px;
	left: 0px;
	right: 0px;
	bottom: 0px;
}

.repoNodeCreator {
	position: absolute;
	text-align: center;
	width: 250px;
	padding: 10px;
	height: 130px;
	left: auto;
	right: 223px;
	top: 45px;
	font-size: 17px;
	border: 1px solid #aaa;
	z-index: 10000;
	background: #fff;
}

.repoNodeCreator div {
	margin-bottom: 10px;
}

.repoNodesContainer {
	margin: 10px;
	padding: 0px;
	
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.repoNodesContainer div[node] {
	position: relative;
	text-align: center;
	display: inline-block;
	word-wrap: break-word;
	vertical-align: top;
	padding: 3px;
	width: REPO_ITEM_SIZE;
	min-height: REPO_ITEM_SIZE;
	margin: 6px 0 0 6px;
	cursor: pointer;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url(static/border-radius.htc);
}
.repoNodesContainer div[node]:hover {
	background: #ddd;
}

.repoNodesContainer div[node]:hover button {
	display: block;
}

.repoNodesContainer div[node] img {
	width: 20px;
	height: 20px;
}
@sprite .repoNodesContainer div[node] button {
	gwt-image: 'deleteSmall';
	position: absolute;
	top: 4px;
	right: 4px;
	outline: none;
	border: none;
	display: none;
}

.repoCategoryLabel {
	margin: 5px 0 0px 6px;
	position: relative;
	font-size: 1.7em;
	cursor: pointer;
	height: 17px;
	color: #777;
}

.repoCategoryLabelName {
	background: white;
	padding: 0 10px 0 10px;
	position: absolute;
	left: 15px;
	z-index: 1000;
}

.repoCategoryLabelLine {
	position: absolute;
	width: 100%;
	top: 0.6em;
	border-bottom: 2px dashed #aaa;
}

.repoDocumentEditorTabs {
	left: 16px;
	width: 150px;
	height: 100px;
}

.repoDocumentEditorTabsContainer {
	position: absolute;
	left: 205px;
	top: 20px;
	bottom: 0;
	right: 0;
	padding: 0 15px 0 0;
}

.repoDocumentEditorButtons {
	position: absolute;
	top: 130px;
	width: 150px;
	left: 15px;
}

.repoDocumentEditorButtons button {
	width: 160px;
}

.repoFieldName {
	width: 100px;
	font-size: 1.2em;
	font-weight: bold;
	padding: 8px 0 0 5px;
}

.repoField {
	position: relative;
	width: 100%;
	min-height: 35px;
}

.repoField input {
	position: absolute;
	outline-color: black;
	outline-style: none;
	outline-width: 0px;
	border: 1px solid #bbb;
	font-size: 1.3em;
	padding: 4px;
	margin: 1px;
	color: #777;
	left: 200px;
	width: 50%;
	top: 0px;
}

.repoField input[type=checkbox] {
	margin: -7px 0 0 0;
	top: 50%;
}

.repoField input[key=""] {
	left:0px;
	width:199px;
}
.repoField div[path=""] {
	position: absolute;
	left: 194px;
	top: 0;
}

.repoField a {
	float: right;
	margin: 3px;
}

.repoField select {
	position: absolute;
	width: 50%;
	left: 50%;
	font-size: 1.3em;
	color: #777;
	padding: 2px;
	top: 0;
}

.repoRichArea {
	position: absolute;
	top: 65px;
	bottom: 5px;
	left: 0;
	right: 5px;
	border: 1px solid #AAA;
}

.repoRichArea iframe {
	width: 100%;
	height: 100%;
}

.repoRichToolbar {
	position: relative;
	padding: 5px; 
	width: 100%;
	background: #ddd;
}
.repoTypesContainer {
	position: absolute;
	left: 200px;
	right: 20px;
	padding:0;
	margin:0;
	top:0px; 
	list-style-type: none;
}
.repoTypesContainer li {
	float: left;
	margin: 0 5px 0 0;
	background: #F93;
	padding: 6px;
	color: white;
	font-weight: bold;
}
.repoUploadForm {
	border: 2px dashed #aaa;
	overflow-x: hidden;
	overflow-y: auto;
	position: absolute;
	top:0px;
	bottom: 5px;
	left:0px;
	right:5px;
	padding: 5px;
}
.repoUploadInputContainer {
	height: 33px;
	background: #EEE;
	position: absolute;
	left: 0;
	right: 5px;
	padding: 9px;
}
.repoUploadForm input[type="file"] {
	position: absolute;	
	opacity: 0px;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	cursor: pointer;
}
.repoAddFileLabel {
	font-size: 1.5em;
	text-align: center;
	vertical-align: top;
	top: 50%;
	margin: -0.5em 0 0 0;
	position: absolute;
	width: 100%;
	color: #AAA;
	z-index: -1;
}
.repoUploadItem {
	position: relative;
	overflow: hidden;
    width: 200px;
    border: 1px solid #aaa;
    -moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url(static/border-radius.htc);
	padding: 5px;
	vertical-align: middle;
	display: inline-block;
	margin: 2px;
	cursor: pointer;
}
.repoUploadItem[done=""] {
	background: #AAFFAA;
}
.repoUploadItem:hover {
	background: #FFAAAA;
}
.repoUploadItem div[preview=""] {
    float: left;
    display: inline;
}
.repoUploadItem div[body=""] {
	display: inline;
	white-space: nowrap;
}
.repoUploadItem div[progress=""] {
	background: #555;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	opacity: 0.1;
}
.repoUploadItem div[name=""] {
	max-height: 50px;
	font-size: 0.9em;
	font-weight: bold;
	word-wrap: break-word;
}
.repoUploadItem div[preview=""] img {
	max-height: 60px;
	max-width: 60px;
	margin: 0 5px 0 0;
}
.repoNodeSelectorContainer {
	margin: 0px 8px 0px 8px;
}
.repoNoNodesMessage {
	margin: 18px;
	font-size: 1.2em;
	color: #AAA;
	font-style: italic;
}
.repoDocumentNameContainer {
	font-size: 2.3em;
	display: inline;
	word-wrap: break-word;
	color: #4169E1;
}
@sprite .repoDocumentEditButton {
	gwt-image: 'edit';
	border: 0;
	outline: none;
	cursor: pointer;
	vertical-align: top;
	margin: 0 0 0 10px;
}
@sprite .repoDocumentTimeMachineButton {
	gwt-image: 'timeMachine';
	border: 0;
	outline: none;
	cursor: pointer;
	vertical-align: top;
	margin: 0 0 0 10px;
}
.repoDocumentContainer {
	position: relative;
	margin: 0px 10px 10px 15px;
}
.repoDocumentContainer div[info] {
	color: #999;
}
.repoDocumentContainer div[info] span {
	margin-left: 5px;
}
.repoDocumentContainer div[info] span[author] {
	font-weight: bold;
}
.repoDocumentContainer div[info] div {
	display: inline;
	font-weight: bold;
}
.repoDocumentContainer div[text] {
	padding: 10px 10px 10px 3px;
}
.repoDocumentAttContainer {
	position: relative;
	width: 280px;
	overflow: hidden;
	float: left;
	margin: 0px 20px 20px 0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url(static/border-radius.htc);
	background: #E6E6FA;
	padding: 8px 10px 15px 10px;
}
.repoDocumentAttContainer button {
	width: 50%;
	margin: 0;
	font-size: small;	
	white-space: nowrap;
}
.repoDocumentDownAll {
}
.repoDocumentDownSelected {
}
.repoDocumentFilesContainer {
	position: relative;
	top: 5px;
	overflow-x: hidden;
	overflow-y: auto;
	max-height: 200px;
}
.repoDocumentFilesContainer div[file=""] {
	margin: 0 10px 0 20px;
	padding: 2px 0 2px 0;
	border-bottom: 1px dashed #AAA;
}
.repoDocumentFilesContainer span[size=""] {
	margin: 0 0 0 10px;
}
.repoDocumentFilesContainer a {
	word-wrap: break-word;
	text-decoration: none;
}
.repoDocumentFilesContainer input {
	cursor: pointer;
	margin: 0 7px 0 0;
}
.repoDocumentFilesContainer a:hover {
	text-decoration: underline;
}
.repoDocumentExplanationPanel {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	z-index: 10000000;
	border-radius: 10px;
	behavior: url(static/border-radius.htc);
	border: 1px solid #aaa;
	width: 250px;
	height: 250px;
	padding: 7px;
	font-size: 1.3em;
	box-shadow: 0 0 10px #bbb;
    -moz-box-shadow: 0 0 10px #bbb;
    -webkit-box-shadow: 0 0 10px #bbb;
}
.repoDocumentExplanationPanel textarea {
	border: 1px solid #AAA;
	height: 162px;
	width: 100%;
	outline: none;
	margin: 5px 0 5px 0;
}
.loadingBar {
	background: white;
}
.loadingBarGlass {
	background: white;
	opacity: 0.6;
	z-index: 1000000;
}
.repoDocumentProfile {
	margin: 0 0 10px 0;
	font-size: 1.2em;
}
.repoDocumentProfile span[key=""] {
	font-weight: bold;
	margin-right: 7px;	
}
.repoDocumentProfile span[value=""] {
	font-style: italic;
}
.repoDocumentRevContainer {
	height: 0px;
	width: 100%;
	position: relative;
	background: lavender;
	bottom: 3px;
	overflow: hidden;
}
.repoDocumentRevContainer div[revision] {
	position: relative;
	width: 60px;
	height: 30px;
	color: #555;
	font-size: 1.3em;
	line-height: 1.5em;
	float: left;
	text-align: center;
	border-right: 1px solid #fff;
	cursor: pointer;
}
.repoDocumentRevContainer div[revision]:hover {
	background: #aaa;
	color: #fff;
}
.repoDocumentRevContainer div[active] {
	background: #F93;
	color: #fff;
}
.repoDocumentRevContainer div[active]:hover {
	background: #F93;
}
.repoDocumentRevContainer div[revision="first"] {
	width: 100px;
}
.repoDocumentExplPopup {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: white;
	width: 250px;
	behavior: url(static/border-radius.htc);
	border: 1px solid #aaa;
	padding: 7px;
	box-shadow: 0 0 10px #bbb;
    -moz-box-shadow: 0 0 10px #bbb;
    -webkit-box-shadow: 0 0 10px #bbb;
    z-index: 10000000;
}
.repoDocumentExplPopup span[author] {
	font-size: 1.3em;
}
.repoDocumentExplPopup div[date] {
	font-size: 0.8em;
	color: #999;
	margin: 0 0 5px 0;
}
.repoDocumentExplPopup span[expl] {
	
}
.repoDocumentSelection {
	position: absolute;
	background: #ccc;
	border: 1px solid #aaa;
	z-index: 1000000;
	opacity: 0.3;
}
.dashBoards {
	
}
.dashBoards div[selector] {
	position: fixed;
	width: 100%;
	height: 30px;
	background: #aaa;
	overflow: hidden;
}
.dashBoards div[selector] div[item] {
	position: relative;
	cursor: pointer;
	float: left;
	width: auto;
	max-width: 270px;
	height: 30px;
	padding: 6px 10px;
}
.dashBoards div[selector] div[buttons] {
	position: absolute;
	width: 400px;
	text-align: right;
	left: auto;
	right: 5px;
	top: 4px;
}
.dashBoards div[selector] div[buttons] button {
	width: 115px;
	height: 24px;
	font-size: 0.8em;
	vertical-align: top;
}
.dashBoards div[selector] div[item]:hover {
	background: #000;
	color: #fff;
}
.dashBoards div[selector] div[item="active"] {
	background: #777;
	color: #fff;
}

.dashBoards div[shower] {
	position: absolute;
	top: 50px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	overflow-y: auto;
	overflow-x: hidden;
}
.dashBoards div[shower] div[board] {
	position: relative;
	width: 100%;
	height: 100%;
}
.dashBoards div[shower] div[board] div[noGadgets] {
	font-size: 1.3em;
	color: #999;
	text-align: center;	
}
.dashBoards div[shower] div[board] div[left] {
	position: absolute;
	top: 0;
	left: 0px;
	right: 50%;
	bottom: 0;
}
.dashBoards div[shower] div[board] div[right] {
	position: absolute;
	top: 0;
	left: 50%;
	right: 0px;
	bottom: 0;
}
.dashBoardEditor {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: white;
	width: 600px;
	height: 400px;
	behavior: url(static/border-radius.htc);
	border: 1px solid #aaa;
	padding: 7px;
	box-shadow: 0 0 10px #bbb;
    -moz-box-shadow: 0 0 10px #bbb;
    -webkit-box-shadow: 0 0 10px #bbb;
   	z-index: 10000000;
}
.dashBoardEditor div[buttons] {
	position: absolute;
	top: 103px;
	width: 158px;
	height: 100px;
	left: 15px;
}
.dashBoardEditor div[content] {
	position: absolute;
	left: 195px;
	top: 20px;
	bottom:15px;
	right:15px;
}
.dashBoardEditor ul[tabs] {
	margin: 0 0 0 10px;
	width: 150px;
	height: 100px;
}

/*************** Board  Group editor  ***************/
.dashBoardGroupsEditor {
	position: absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
}

.dashBoardGroupsEditor div[arrow] {
	position: absolute;
	width: 0;
}
.dashBoardGroupsEditor div[arrow="toRight"] {
	right: 3px;
}
.dashBoardGroupsEditor div[arrow="toLeft"] {
	left: 3px;
}

.dashBoardGroupsEditor div[item="group"] {
	width: 90%;
	height: auto;
	padding: 4px 0px 4px 9px;
	border: 1px solid #aaa;
	cursor: pointer;
	margin: 0 0 3px 0;
	
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	background: white;
	behavior: url(static/border-radius.htc);
}
.dashBoardGroupsEditor div[item="group"]:hover {
	background: #eee;
}
.dashBoardGroupsEditor div[item="group"] div {
	font-size: 1.2em;
	word-wrap: break-word;
}
.dashBoardGroupsEditor div[item="group"] span {
	color: #aaa;
}

.dashBoardGroupsEditor div[separator] {
	position: absolute;
	left: 50%;
	height: 100%;
	border-right: 2px dashed #bbb;
}

.dashBoardGroupsEditor div[columnLabel] {
	position: absolute;
	top:0;
	height: 30px;
	width: 50%;
	text-align: center;
	line-height: 1.8em;
	font-size: 1.2em;
	border-bottom: 1px solid #eee;
}

.dashBoardGroupsEditor div[columnLabel="left"] {
	left: 0;
	right: auto;
}

.dashBoardGroupsEditor div[columnLabel="right"] {
	right: 0;
	left: auto;
}

.dashBoardGroupsEditor div[column] {
	position: absolute;
	top:35px;
	bottom:0;
	overflow-y: auto;
	overflow-x: hidden;
	width: 50%;
}

.dashBoardGroupsEditor div[column="left"] div[item="group"] {
	float: left;
}
.dashBoardGroupsEditor div[column="right"] div[item="group"] {
	float: right;
}
.dashBoardGroupsEditor div[column="left"] {
}
.dashBoardGroupsEditor div[column="right"] {
	left: 50%;	
}


.dashBoardGadgetPusher {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: white;
	width: 600px;
	height: 400px;
	behavior: url(static/border-radius.htc);
	border: 1px solid #aaa;
	padding: 7px;
	box-shadow: 0 0 10px #bbb;
    -moz-box-shadow: 0 0 10px #bbb;
    -webkit-box-shadow: 0 0 10px #bbb;
    z-index: 10000000;
}
.dashBoardGadgetPusher div[item="gadget"] {
	position: relative;
	border-bottom: 1px dashed #aaa;
	padding: 7px;
}
.dashBoardGadgetPusher div[item="gadget"] div[info] {
	width: 435px;
}
.dashBoardGadgetPusher div[item="gadget"] button[operation] {
	cursor: pointer;
	border: 0;
	outline: none;
	text-align: center;
	width:140px;
	position: absolute;
	top: 5px;
	right: 0px;
	bottom: 5px;
	font-size: 1.3em;
}
.dashBoardGadgetPusher div[item="gadget"] button[operation="install"] {
	background: #F93;
	color: #fff;
}
.dashBoardGadgetPusher div[item="gadget"] button[operation="install"]:hover {
	background: #390;
}
.dashBoardGadgetPusher div[item="gadget"] button[operation="installed"] {
	cursor: default;
	background: #eee;
	color: #888;
}
.dashBoardGadgetPusher div[name] {
	font-size: 1.3em;
}
.dashBoardGadgetPusher div[desc] {
	color: #777;
}

/**
* Stuff
*/
.stuff {
	position: absolute;
	top: 10px;
	left: 10px;
	right: 10px;
	bottom: 10px;
}

.groupFindeTypeSelector {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.groupFindeTypeSelector li {
	float: left;
	padding: 3px 8px;
	cursor: pointer;
	background: #fff;
}
.groupFindeTypeSelector li:hover {
	background: #aaa;
	color: #fff;
}
.groupFindeTypeSelector li[active] {
	background: #000;
	color: #fff;
}

.stuffGroupFinder {
}

.stuffGroupFinder div[column="left"] {
	position: absolute;
	border-right: 2px dashed #AAA;
	top:3px;
	bottom:0;
	left:0;
	width: 50%;
}

.stuffGroupFinder div[column="left"] button[myGroups] {
	position: absolute;
	cursor: pointer;
	top: 18px;
	right: 17px;
	height: 23px;
	width: 100px;
	white-space: nowrap;
}

.stuffGroupFinder div[column="left"] div[noresult] {
	font-size: 1.2em;
	color: #AAA;
	font-style: italic;
}

.stuffGroupFinder div[column="left"] .roundedInputBox {
	position: absolute;
	left: 0;
	top: 27px;
	right: 10px;
}

.stuffGroupFinder div[column="left"] div[result] {
	position: absolute;
	top: 65px;
	left: 6px;
	right: 15px;
	bottom: 0;
	overflow-y: auto;
	overflow-x: hidden;
}

.stuffGroupFinder div[column="right"] {
	position: absolute;
	top:0;
	bottom:0;
	left:50%;
	right:0;
}

.stuffGroupShow {
	position: absolute;
	top: 10px;
	bottom: 10px;
	left: 0;
	width: 100%;
	border-right: 1px solid #AAA;
	border-top: 1px solid #AAA;
	border-bottom: 1px solid #AAA;
	overflow: hidden;
}

.stuffGroupShow ul[tabs] {
	list-style-type: none;
	width: 375px;
	margin:0 0 0 5px;
	padding:0;
}
.stuffGroupShow div[row="name"] {
	white-space: nowrap;
}
.stuffGroupShow div[container] {
	position: absolute;
	top: 40px;
	bottom: 10px;
	left: 10px;
	right: 10px;
	overflow-x:hidden;
	overflow-y:auto;
}
.stuffGroupShow ul[tabs] li[tab] {
	cursor: pointer;
	float: left;
	padding: 5px 8px;
	margin: 4px;
	color: #000;
	background: #eee;
}
.stuffGroupShow ul[tabs] li[tab]:hover {
	background: #777;
	color: #fff;
}
.stuffGroupShow ul[tabs] li[tab="active"] {
	background: #000;
	color: #fff;
}

.stuffGroupInfo  {
	width: 100%;
}
.stuffGroupInfo  div[enterArea] {
	margin: 10px 0 0 0;
	padding: 10px;
	background: #eee;
	border: 1px solid #ccc;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url(static/border-radius.htc);
}
.stuffGroupInfo  div[enterArea] span {
	font-size: 1.5em;
}
.stuffGroupInfo  div[enterArea] div[wrong] {
	color: red;
	font-size: 0.7em;
	margin-left: 5px;
}
.stuffGroupInfo  div[enterArea] .roundedInputBox {
	width: auto;
	top: 5px;
	margin: 0 0 12px 0;
}
.stuffGroupInfo .dataForm {
	width: 100%;
}
.stuffGroupInfo .dataForm div[row="name"] {
	white-space: nowrap;
}
.stuffGroupInfo[disabled] div[row="desc"] {
	display: none;
	
}
.stuffGroupInfo  input[disabled], textarea[disabled], select[disabled] {
	border: 0;
	color: #333;
	height: auto;
	background: transparent;
}

.stuffGroupUsers {
	vertical-align: top;
}

.stuffGroupUsers div[user] {
	margin: 2px;
	width: 200px;
	position: relative;
	height: auto;
	display: inline-block;
	padding: 5px;
	white-space: normal;
	border: 1px solid #ccc;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url(static/border-radius.htc);
}
.stuffGroupUsers div[user]:hover {
	border: 1px solid blue;
}
.stuffGroupUsers div[user] li[avatar] {
	border: 1px dashed #ccc;
	width: 50px;
	height: 50px;
	float: left;
	margin: 5px 10px 5px 5px;
}
.stuffGroupUsers div[user] ul {
	list-style-type: none;
	margin: 0;
	padding: 0;	
}
.stuffGroupUsers div[user] li[id] {
	position: relative;
	color: #777;
	font-weight: bold;
	float: left;
	width: 132px;
	word-wrap: break-word;
}
.stuffGroupUsers div[user] li[id] div {
	margin: 3px 0 0 0;
}
.stuffGroupUsers[canKickUsers] div[user] button[kick] {
	display: block;
}
.stuffGroupUsers div[user] button[kick] {
	width: 100%;
	margin: 5px 0 0 0;
	display: none;
}

.stuffRolesShower {
	
}

.stuffRolesShower div[editor] {
	position: absolute;
	top: 10px;
	left: 150px;
	bottom: 0;
	right: 0px;	
}

.stuffRolesShower div[roles] {
	position: absolute;
	top: 10px;
	bottom: 0;
	width: 100px;
}

/**
* Gadgets
*/
.gadget {
	position: relative;
	width: 100%;	
}
.gadget div[shell] {
	position: absolute;
	top: 0;
	bottom:5px;
	left:5px;
	right: 5px;
	border: 1px solid #ccc;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	overflow: hidden;
	behavior: url(static/border-radius.htc);
}

.gadget div[container] {
	position: absolute;
	top:0px;
	bottom:0px;
	left:0;
	right:0;
}
.gadget div[header] {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	height: 25px;
	cursor: move;
	z-index: 1000;
	color: #555;
	font-size: 1.1em;
	padding: 3px 0 0 12px;
}

.gadget div[button="close"] {
	color: #ccc;
	cursor: pointer;
	position: absolute;
	z-index: 10000;
	right: 5px;
	top: 2px;
}
.gadget div[button="close"]:hover {
	color: #000;
}

.gadgetRecentDocuments div[shell] {
	background: #f93;
}

.gadgetRecentDocuments div[searchBox] {
	height: 50px;
	padding: 10px;
}

.gadgetRecentDocuments div[documents] {
	position: absolute;
	top: 70px;
	bottom:0px;
	left:0;
	right:0;
	background: #fff;
	overflow-y:auto;
	overflow-x:hidden;
	
	border: 1px solid #eee;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url(static/border-radius.htc);
}

.moreSearchResultButton {
	position: relative;
	left: 50%;
	margin-left: -50px;
	background: none;
	top: 5px;
	margin-bottom: 15px;
	cursor: pointer;
	border: 0;
	border-bottom: 1px dashed black;
}
.moreSearchResultButton:hover {
	color: royalBlue;
	border-bottom: 1px dashed royalBlue; 
}

.gadgetRecentDocuments div[documents] div[document] {
	position: relative;
	padding: 10px;
	border-bottom: 1px solid #ddd;
}

.gadgetRecentDocuments div[documents] div[document] div[newLabel] {
	display: none;
}

.gadgetRecentDocuments div[documents] div[new] div[newLabel] {
	background: #390;
	display: block;
	position: absolute;
	top:2px;
	bottom:2px;
	left:0;
	width: 5px;
}

.gadgetRecentDocuments div[documents] div[document] div[name] a {
	font-size: 1.2em;
	color: royalBlue;
	cursor: pointer;
	text-decoration: none;
}
.gadgetRecentDocuments div[documents] div[document] div[name] span {
	margin: 0 3px 0 10px;
	color: #aaa;
}
.gadgetRecentDocuments div[documents] div[document] div[info] {
	font-size: 0.9em;
	color: #aaa;
}
.gadgetRecentDocuments div[documents] div[document] div[info] span[author] {
	margin: 0 5px;
	font-weight: bold;
}
.gadgetRecentDocuments div[documents] div[document] div[info] span[date] {
	margin: 0 5px;
	font-weight: bold;
}
.gadgetRecentDocuments div[documents] div[document] div[text] {
	font-size: 1.0em;
	color: #333;
	margin: 5px 0 0 0;
}

.gadget:hover div[shell] {
	border: 1px solid #aaa;	
}

.gadgetAds div[arrow] {
	cursor: pointer;
	width: 0;
	position: absolute;
	top: 100px;
	bottom: 100px;
	z-index: 10002;
	opacity: 0.2;
}
.gadgetAds div[arrow]:hover {
	opacity: 0.4;
}
.gadgetAds div[arrow="left"] {
	left: 2px;
	right: auto;
	border-top: 50px solid #fff;
	border-right: 10px solid #aaa;
	border-bottom: 50px solid #fff;
}
.gadgetAds div[arrow="right"] {
	left: auto;
	right: 2px;
	border-top: 50px solid #fff;
	border-left: 10px solid #aaa;
	border-bottom: 50px solid #fff;
}

.gadgetAds ul[items] {
	position: absolute;
	list-style-type: none;
	margin: 35px 0 5px 0;
	padding: 0;
	top: -20px;
	bottom: 0;
	z-index: 10001;
}
.gadgetAds ul[items] li[item] {
	position: relative;
	float: left;
	height: 100%;
}
.gadgetAds ul[items] li[item] div[container] {
	height: 100%;
	margin: 0 15px 0 15px;
	overflow-x: hidden;
	overflow-y: auto;
}
.gadgetAds ul[items] li[item] div[container] div[document="header"] {
	color: royalBlue;
}
.gadgetAds ul[items] li[item] div[container] div[document="header"] div[name] a {
	font-size: 1.7em;
	color: #D1000F;
	cursor: pointer;
	text-decoration: none;
	line-height: 0.9em;
}
.gadgetAds ul[items] li[item] div[container] div[document="header"] div[name] span {
	margin: 0 3px 0 10px;
	color: #aaa;
}
.gadgetAds ul[items] li[item] div[container] div[document="header"] div[info] {
	font-size: 0.9em;
	color: #aaa;
}
.gadgetAds ul[items] li[item] div[container] div[document="header"] span[author] {
	margin: 0 5px;
	font-weight: bold;
}
.gadgetAds ul[items] li[item] div[container] div[document="header"] span[date] {
	margin: 0 5px;
	font-weight: bold;
}
.gadgetAds ul[items] li[item] div[container] div[text] {
	margin: 5px 0 0 0;
}
.gadgetAds div[newButton] {
	position: absolute;
	bottom: 8px;
	display: inline;
	right: 20px;
	background: #B80000;
	font-weight: bold;
	cursor: pointer;
	z-index: 10002;
	color: #fff;
	padding: 5px;
}

/**********************************************/

.lobbyPeopleLeft {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 50%;
	bottom: 0px; 
}
.lobbyPeopleRight {
	position: absolute;
	top: 0px;
	left: 50%;
	right: 0px;
	bottom: 0px;
	overflow-x: auto;
	overflow-y: auto;
	padding: 0 0 0 50px;
}
.lobbyPeopleInputBox {
	position: absolute;
	left: 19px;
	right: 0px;
	padding: 0px 6px 0px 6px;
	border: 1px solid #aaa;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url(static/border-radius.htc);
}
.lobbyPeopleInputBox span,input {
	font-size: 1.3em;
}
.lobbyPeopleInputBox input {
	outline-color: black;
	outline-style: none;
	outline-width: 0px;
	border: none;
	font-size: 1.3em;
	width: 100%;
}
.lobbyFoundedPeopleContainer {
	position: absolute;
	top: 50px;
	left: 19px;
	right: 0px;
	bottom: 0px;
	overflow-x: hidden;
	overflow-y: auto;
}
.lobbyPeopleFoundedUser {
	position: relative;
	float: left;
	width: 200px;
	height: 75px;
	border: 1px solid #999;
	margin-left: 2px;
	margin-top: 2px;
	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url(static/border-radius.htc);
}
.lobbyPeopleFoundedUser:hover {
	border: 1px solid blue;
}
.lobbyPeopleAvatar {
	position: relative;
	float: left;
	height: 50px;
	width: 50px;
	border: 1px dashed black;
	margin: 11px;
}
.lobbyPeopleAvatarInGroup {
	float: left;
	height: 50px;
	width: 50px;
	border: 1px dashed black;
	margin: 3px;
}
.lobbyPeopleName {
	word-wrap: none;
	margin-top: 10px;
	margin-left: 0px;
	font-weight: bold;
	font-size: 1em;
	color: #777;
}
.lobbyPeopleNick {
	word-wrap: none;
	margin-top: 0px;
	margin-left: 0px;
	font-weight: bold;
	font-size: 0.8em;
	color: #888;
}
.lobbyPeopleNickNameContainer {
	position: absolute;
	left: 74px;
	right: 0px;
	height: 75px;
}
.lobbyPeopleGroupContainer {
	position: relative;
	float: left;
	margin: 0 20px 20px 0;
	height: 200px;
	width: 200px;
	border: 2px solid #999;
}
.lobbyPeopleNewGroupPrompt {
	margin-top: 60px;
	font-size: 1.3em;
	color: #999;
	position: absolute;
	font-weight: bold;
	text-align: center;
}
.lobbyPeopleGroupNameContainer {
	position: relative;
	top: 0;
	left: 0;
	right: 0;
	height: 30px;
}
.lobbyPeopleGroupNameContainer span,input {
	font-size: 1.3em;
}
.lobbyPeopleGroupNameContainer input {
	color: #aaa;
	outline-color: black;
	outline-style: none;
	outline-width: 0px;
	border: none;
	font-size: 1.3em;
	width: 100%;
}

.feedBackPopup {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: white;
	behavior: url(static/border-radius.htc);
	border: 1px solid #aaa;
	padding: 7px;
	box-shadow: 0 0 10px #bbb;
    -moz-box-shadow: 0 0 10px #bbb;
    -webkit-box-shadow: 0 0 10px #bbb;
    z-index: 10000000;
}

.feedBackPopup div {
	padding: 2px;
	font-size: 1.1em;
}

.feedBackPopup input {
	width: 100%;
	border: 1px solid #aaa;
	outline: 0;
	font-size: 0.9em;
}

.feedBackPopup button {
	width: 100%;
	padding: 5px;
	background: #F93;
	border: 0;
	outline: 0;
	color: #fff;
	font-size: 1.1em;
	margin: 3px 0 3px 0;
}
.feedBackPopup button[disabled] {
	background: #eee;
	color: #000;
	cursor: default;
}

.feedBackPopup textarea {
	width: 100%;
	height: 283px;
	border: 1px solid #aaa;
	outline: 0;
}

.feedBackPopup div[thx] {
	text-align: center;
	font-size: 1.4em;
	position: relative;
	top: 50%;
}

.feedBackButton {
	position: fixed;
	bottom: 5px;
	left: 5px;
	border: 0;
	border: 1px solid #aaa;
	font-size: 1em;
	font-weight: bold;
	color: #000;
	z-index: 10000;
	padding: 2px 10px;
	cursor: pointer;
}
.feedBackButton:hover {
	text-decoration: underline;
}

.exitButton {
	position: fixed;
	top: 5px;
	right: 5px;
	border: 0;
	font-size: 1em;
	font-weight: bold;
	color: white;
	z-index: 10000;
	padding: 2px 10px;
	cursor: pointer;
}
.exitButton:hover {
	text-decoration: underline;
}